<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <meta name="format-detection" content="telephone=no">
        <meta charset="UTF-8">

        <meta name="description" content="Violate Responsive Admin Template">
        <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

        <title>index</title>
            
        <!-- CSS -->
        <link href="lib/css/bootstrap.min.css" rel="stylesheet">
        <link href="lib/css/animate.min.css" rel="stylesheet">
        <link href="lib/css/font-awesome.css" rel="stylesheet">
        <link href="lib/css/form.css" rel="stylesheet">
        <link href="lib/css/calendar.css" rel="stylesheet">
        <link href="lib/css/style.css" rel="stylesheet">
        <link href="lib/css/icons.css" rel="stylesheet">
        <link href="lib/css/generics.css" rel="stylesheet">
       <link rel="stylesheet" href="sort/css/kj.css"/>

    <style>
        .col-md-6{
            margin-top: 30px;
        }
       .col-md-6>input{
            color: red;
        }
    </style>
    </head>

    <body id="skin-blur-lights">

        <header id="header" class="media">
            <!--<a href="" id="menu-toggle"></a> -->
            <a class="logo pull-left" href="index.html">Hotel System</a>
            
            <div class="media-body">
                <!------------------第一行------------------------>

                <div class="media" id="top-menu">

                        <span class=" animated  flash infinite" style="line-height: 50px;font-size: 20px">维修</span>


                    <div id="time" class="pull-right">
                        <span id="hours"></span>
                        :
                        <span id="min"></span>
                        :
                        <span id="sec"></span>
                    </div>

                </div>
            </div>
        </header>
        
        <div class="clearfix"></div>
        
        <section id="main" class="p-relative" role="main">
            
            <!-- Sidebar -->
            <aside id="sidebar" style="padding: 0 20px 0 20px">
                
                <!-- Sidbar Widgets -->
                <div class="side-widgets overflow" style="padding-top: 20px">
                    <!-- Profile Menu -->
                    <div class="text-center s-widget m-b-25 " id="profile-menu1">
                        <a href="" data-toggle="dropdown">
                            <img class="profile-pic animated" src="sort/img/profile-pic.jpg" alt="">
                        </a>
                        <h4 class="m-0">Htole System</h4>

                    </div>

                    <div class="text-center s-widget m-b-25 " id="profile-menu" style="padding-top:30px ">
                        <div class="dropdown">
                            <a href="room.html" data-toggle="dropdown"  class="text1 " >
                                <span class="glyphicon glyphicon-home" style="font-size: 14px;padding-right: 5px"></span>
                               <span >客房管理</span>
                            </a> <br/>
                            <ul class="dropdown-menu profile-menu"  >
                                <li><a href="" >客房信息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="">客房预订</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="">客户查询</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="">客房调整</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="">退房</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            </ul>

                        </div>


                        <a href="KFsys.html"   class="text1 dropdown-toggle">
                            <span class="glyphicon glyphicon-file" style="font-size: 14px;padding-right: 5px"></span>
                            <span >客户信息</span>
                        </a><br/>

                        <div class="dropdown">
                            <a href="p-management.html" data-toggle="dropdown"  class="text1">
                                <span class="glyphicon glyphicon-user" style="font-size: 14px;padding-right: 5px"></span>
                                <span >人员管理</span>
                            </a><br/>
                            <ul class="dropdown-menu profile-menu" >
                                <li><a href="p-management.html">管理部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="l-management.html">后勤部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="s-management.html">安保部</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            </ul>
                        </div>
                        <a href="Finance.html" class="text1">
                            <span class="glyphicon glyphicon-th-list" style="font-size: 14px;padding-right: 5px"></span>
                            <span >财务明细</span>
                        </a><br/>




                        <div class="dropdown">
                            <div class="open">
                                <a href="indexx.html" data-toggle="dropdown"  class="text1">
                                    <span class="glyphicon glyphicon-wrench" style="font-size: 14px;padding-right: 5px"></span>
                                    <span >修理维护</span>
                                </a><br/>
                                <ul class="dropdown-menu profile-menu">
                                    <li class="b1"><a  >维修信息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li class="b2"><a >指派工作</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li class="b3"><a  >维修状态</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li class="b4"><a  >维修日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                </ul>
                            </div>


                            <div class="lbCh">
                                <a href="indexCh.html" data-toggle="dropdown"  class="text1">
                                    <span class="glyphicon glyphicon-trash" style="font-size: 14px;padding-right: 5px"></span>
                                    <span >清洁管理</span>
                                </a><br/>
                                <ul class="dropdown-menu profile-menu">
                                    <li ><a>清洁信息</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li ><a>指派工作</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li ><a>清洁状态</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                    <li ><a>清洁日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                </ul>
                            </div>


                            <div>
                            <a href="" class="text1" data-toggle="dropdown">
                                <span class="glyphicon glyphicon-tags" style="font-size: 14px;padding-right: 5px"></span>
                                <span >日志一览</span>
                            </a><br/>
                            <ul class="dropdown-menu profile-menu" >
                                <li><a href="">维修日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="">清洁日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                                <li><a href="">财务日志</a> <i class="icon left">&#61903;</i><i class="icon right">&#61815;</i></li>
                            </ul>
                            </div>
                        </div>

                    </div>

                    <!-- Calendar -->
                    <div class="s-widget m-b-25 "  style="padding-top:40px">
                        <div id="sidebar-calendar"></div>
                    </div>
                    
                    <!-- Feeds -->
                    <div class="s-widget m-b-25">
                        <h2 class="tile-title">
                           News Feeds
                        </h2>
                        
                        <div class="s-widget-body">
                            <div id="news-feed"></div>
                        </div>
                    </div>
                    
                    <!-- Projects -->
                </div>
            </aside>
        
            <!-- Content -->
            <section id="content" class="container">

                <!-- Messages Drawer -->
                <div id="messages" class="tile drawer animated">
                    <div class="listview narrow">
                        <div class="media">
                            <a href="">Send a New Message</a>
                            <span class="drawer-close">&times;</span>

                        </div>
                        <div class="overflow" style="height: 254px">
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                                    <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - 5 Hours ago</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - On 16/12/2013</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 17/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 18/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">
                                    <img width="40" src="" alt="">
                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Wendy Mitchell - On 19/12/2013</small><br>
                                    <a class="t-overflow" href="">Integer a eros dapibus, vehicula quam accumsan, tincidunt purus</a>
                                </div>
                            </div>
                        </div>
                        <div class="media text-center whiter l-100">
                            <a href=""><small>VIEW ALL</small></a>
                        </div>
                    </div>
                </div>

                <!-- Notification Drawer -->
                <div id="notifications" class="tile drawer animated">
                    <div class="listview narrow">
                        <div class="media">
                            <a href="">Notification Settings</a>
                            <span class="drawer-close">&times;</span>
                        </div>
                        <div class="overflow" style="height: 254px">
                            <div class="media">
                                <div class="pull-left">

                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                                    <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">

                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - 5 Hours ago</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">

                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">

                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                                    <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">

                                </div>
                                <div class="media-body">
                                    <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                                    <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                                </div>
                            </div>
                            <div class="media">
                                <div class="pull-left">

                                </div>
                                <div class="media-body">
                                    <small class="text-muted">David Villa - On 16/12/2013</small><br>
                                    <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                                </div>
                            </div>
                        </div>
                        <div class="media text-center whiter l-100">
                            <a href=""><small>VIEW ALL</small></a>
                        </div>
                    </div>
                </div>

                <ol class="breadcrumb hidden-xs" style="padding-right: 30px">
                    <li><a href="#">用户名：<span class="text_lx35"></span></a></li>
                    <li><a href="#">部门：<span class="bumen_lx35"></span></a></li>
                    <li id="login_out"><a ><button style="color: black" >注销</button></a></li>
                </ol>
                <div class="tis_lx"></div>


                <!--弹出维修员工信息-->

                <div class="dj" style="overflow:auto;width:0;height: 580px;background: #000;position: absolute;opacity: 0.8;display: none;z-index: 1000">
                    <div>
                        <h4 class="page-title  animated  flash infinite" style="text-align: center">维修员信息</h4>
                        <table class="table tile ss">
                            <thead>
                            <tr>
                                <td>职位</td>
                                <td>工号</td>
                                <td>姓名</td>
                                <td>电话</td>
                                <td>地址</td>
                                <td>工资</td>
                                <td>奖金</td>
                                <td>状态</td>
                                <td>性别</td>
                                <td>入职时间</td>
                                <td>出勤率</td>
                            </tr>
                            </thead>
                            <div >
                                <tbody class="ulch" style="cursor: pointer">

                                </tbody>
                            </div>

                        </table>
                        <!--增加信息弹出框-->
                        <div id="zjxx" style="width: 800px;height: 500px;color:#000000;background: #313131;position: absolute;left: 15%;top:10%;z-index: 10002;display: none">
                            <div class="container-fluid" style="height: 70px;">
                                <div class="col-md-6">  <span style="color: red;font-size: 20px">职位：</span><span style="color: red;font-weight: bolder;font-size: 20px">维修员</span></div>
                                <div class="col-md-6"> <label for="p1">姓名</label><input class="ii" id="p1" type="text"/></div>
                            </div>
                            <div class="container-fluid">
                                <div class="col-md-6">
                                    <label for="p2">电话</label><input class="ii" id="p2" type="number"/>
                                </div>
                                <div class="col-md-6">
                                    <label for="p3">地址</label><input class="ii" id="p3" type="text"/>
                                </div>


                            </div>
                            <div class="container-fluid">
                                <div class="col-md-6">
                                    <label for="p4">工资</label><input class="ii" id="p4" type="number"/>
                                </div>
                                <div class="col-md-6">
                                    <label for="p5">奖金</label><input class="ii" id="p5" type="number"/>
                                </div>


                            </div>
                            <div class="container-fluid">
                                <div class="col-md-6">
                                    <label for="p6">状态</label><input class="ii" id="p6" type="text"/>
                                </div>
                                <div class="col-md-6">
                                    <label for="p7">性别</label><input class="ii" id="p7" type="text"/>
                                </div>


                            </div>
                            <div class="container-fluid">
                                <div class="col-md-6">
                                    <label >入职时间</label><input class="ii" id="p8" type="date" style="margin-left: -26px;height: 25px;"/>
                                </div>
                                <div class="col-md-6">
                                    <label for="p9">出勤率</label><input class="ii" id="p9" type="text" style="margin-left: -13px;"/>
                                </div>
                            </div>
                            <div  class="container-fluid">
                                <div class="col-md-4 col-md-offset-2">
                                    <button class="mb " style="background: red">确定</button>
                                </div>
                                <div class="col-md-4 col-md-offset-2">
                                    <button class="mb2 "  style="background: red">取消</button>
                                </div>
                            </div>


                        </div>

                        <!--修改信息弹出框-->
                        <div id="xgxx" style="width: 800px;height: 500px;color:#000000;background: #313131;position: absolute;left: 15%;top:10%;z-index: 10002;display: none">

                            <div class="container-fluid" style="height: 70px;">
                                <div class="col-md-6">  <span style="color: red;font-size: 20px">职位：</span><span style="color: red;font-weight: bolder;font-size: 20px">维修员</span></div>
                                <div class="col-md-6"> <span  id="d0" style="color: red;font-size: 20px">姓名：</span>    <span id="d1" style="font-size: 2l_repaier0px;color: red;position: absolute;right: 50%">?</span></div>
                            </div>
                            <div class="container-fluid">
                                <div class="col-md-6">
                                    <label for="p2">电话</label><input class="ii" id="d2" type="text"/>
                                </div>
                                <div class="col-md-6">
                                    <label for="p3">地址</label><input class="ii" id="d3" type="text"/>
                                </div>


                            </div>
                            <div class="container-fluid">
                                <div class="col-md-6">
                                    <label for="p4">工资</label><input class="ii" id="d4" type="number"/>
                                </div>
                                <div class="col-md-6">
                                    <label for="p5">奖金</label><input class="ii" id="d5" type="number"/>
                                </div>


                            </div>
                            <div class="container-fluid">
                                <div class="col-md-6">
                                    <label for="p6">状态</label><input class="ii" id="d6" type="text"/>
                                </div>
                                <div class="col-md-6">
                                    <label for="p7">性别</label><span id="d8" style="color: red;margin-left: 50px;"></span>
                                </div>


                            </div>
                            <div class="container-fluid">
                                <div class="col-md-6">
                                    <label for="p8">入职时间</label><span id="d7" style="color: red;margin-left: 50px;"></span>
                                </div>
                                <div class="col-md-6">
                                    <label for="p9">出勤率</label><input class="ii" id="d9" type="text"/>
                                </div>
                            </div>
                            <div  class="container-fluid">
                                <div class="col-md-4 col-md-offset-2">
                                    <button class="nb " style="background: red">确定</button>
                                </div>
                                <div class="col-md-4 col-md-offset-2">
                                    <button class="nb2 "  style="background: red">取消</button>
                                </div>
                            </div>

                        </div>



                    </div>

                    <div style="width: 100%;;position:fixed;top: 650px">

                        <button id="zj" class=" col-md-1  btn btn-lg m-r-1" style=";width:100px;height: 50px;">
                            增加
                        </button>
                        <button id="sc" class=" col-md-1  btn btn-lg m-r-1" style="margin-left:21%;width: 100px;height: 50px;">
                            删除
                        </button>
                        <button id="xg" class="col-md-1  btn btn-lg m-r-1" style="margin-left:21%;width: 100px;height: 50px;">
                            修改
                        </button>
                        <button class="shaji col-md-1  btn btn-lg m-r-1" style="margin-left:21%;width: 100px;height: 50px;">
                            关闭
                        </button>
                    </div>

                </div>

                <!--弹出指派工作-->
                <div>


                    <div class="dj1" style="width:0;height:  100%;background: #000;position: absolute;opacity: 0.8;display: none">
                        <h4 class="page-title  animated  flash infinite" style="text-align: center">指派工作</h4>
                        <table class="table tile">
                            <thead>
                            <tr>
                                <td>执行人员</td>
                                <td>工号</td>
                                <td>联系方式</td>
                                <td>维修项目</td>
                                <td>房间号</td>
                                <td>报修时间</td>
                                <td>预计支出</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <select  id="zxname" class="r1"  style="width: 100px;height: 20px; background: transparent;color: #fff;font-weight: bolder">

                                    </select>
                                </td>
                                <td>
                                    <select  id="zxname1" class="r11"  style="width: 100px;height: 20px;background: transparent;color: #fff;font-weight: bolder">

                                    </select>
                                </td>


                                <td>
                                    <input class="r4" type="text" style="width: 100px;height: 20px;;background: #000;color: #fff"/>
                                </td>
                                <td>
                                    <select id="zxname2"  class="r123"  style="background: transparent;width: 100px;height: 20px;color: #fff;font-weight: bolder">
                                        <option value="单间">单间</option>
                                        <option value="标间">标间</option>
                                        <option value="大床房">大床房</option>
                                        <option value="豪华套房">豪华套房</option>
                                    </select>
                                </td>
                                <td>
                                    <select id="zxname3" class="r1234"  style="background: transparent;width: 100px;height: 20px;color: #fff;font-weight: bolder">

                                    </select>
                                </td>
                                <td>
                                    <input class="r5" style="width: 100px;height: 20px;background: #000;color: #ffffff" type="date"/>
                                </td>
                                <td>
                                    <input class="r6" style="width: 100px;height: 20px;background: #000;color: #ffffff" type="text"/>
                                </td>

                            </tr>

                            </tbody>
                        </table>
                        <button class="shaji12 btn btn-lg m-r-1" style="position: absolute;bottom: 10px;left: 20%">确定</button>
                        <button class="shaji1 btn btn-lg m-r-1" style="position: absolute;bottom: 10px;left: 70%;">关闭</button>
                    </div>

                </div>
                <!--弹出维修状态-->
               <div class="dj2" style="overflow: auto;width:0;height:  100%;background: #000;position: absolute;opacity: 0.8;display: none">


                <div>




                    <h4 class="page-title  animated  flash infinite" style="text-align: center">维修状态</h4>
                    <table  class="table tile">
                        <thead>
                        <tr>
                            <td>执行人员</td>
                            <td>工号</td>
                            <td>联系方式</td>
                            <td>维修项目</td>
                            <td>房间号</td>
                            <td>报修时间</td>
                            <td>维修状态</td>
                            <td>实际支出</td>
                        </tr>

                        </thead>
                        <tbody class="UlCh9" style="">
                        <tr>


                        </tr>

                        </tbody>

                    </table>


                </div>
                   <button class="wxsc btn btn-lg m-r-1" style="position: fixed;bottom:30%;left: 20%;">确定</button>
                   <button class="shaji2 btn btn-lg m-r-1" style="position: fixed;bottom:30%;left: 60%;">关闭</button>
               </div>
                <!--弹出指派工作-->
                <div class="dj3" style="overflow: auto;width:0;height:  170%;background: #000;position: absolute;opacity: 0.8;display: none">
                    <div>


                    <h4 class="page-title  animated  flash infinite" style="text-align: center">维修日志</h4>
                    <table  class="table tile">
                        <thead>
                        <tr>
                            <td>执行人员</td>
                            <td>工号</td>
                            <td>联系方式</td>
                            <td>维修项目</td>
                            <td>房间号</td>
                            <td>报修时间</td>
                            <td>维修状态</td>
                            <td>支出</td>
                        </tr>

                        </thead>
                        <tbody class="ulCh2">
                        <tr>

                        </tr>

                        </tbody>

                    </table>





                    <button class="shaji3 btn btn-lg m-r-1" style="position: fixed;bottom:1%;left:12.1%">关闭</button>
                    </div>
                </div>

                <div class="modal fade" tabindex="-1" id="xz" role="dialog">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <div class="text-center">
                                    <h1 class="modal-title">提示</h1>
                                </div>
                            </div>
                            <div class="modal-body text-center">
                                <h1 id="myh1"></h1>
                            </div>
                            <div class="modal-footer" >
                                <button type="button" class="btn btn-default xz1" data-dismiss="modal">确定</button>
                                <button type="button" class="btn btn-primary xz2" data-dismiss="modal">取消</button>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal-dialog -->
                </div><!-- /.modal -->



                <!--<div class="xz" style="width: 100px;height: 100px;background: #000;opacity:1;color:#fff;position: absolute;left: 50%;top: 50%;display: none;z-index: 10002">-->
                    <!--<p>确定要删除选中的员工吗？（绿色部分）</p>-->
                    <!--<button class="xz1" style="background: red">确定</button>-->
                    <!--<button class="xz2" style="background: red">取消</button>-->
                <!--</div>-->

            </section>

            </section>

            <!-- Older IE Message -->
            <!--[if lt IE 9]>
                <div class="ie-block">
                    <h1 class="Ops">Ooops!</h1>
                    <p>You are using an outdated version of Internet Explorer, upgrade to any of the following web browser in order to access the maximum functionality of this website. </p>
                    <ul class="browsers">
                        <li>
                            <a href="https://www.google.com/intl/en/chrome/browser/">
                                <img src="sort/img/browsers/chrome.png" alt="">
                                <div>Google Chrome</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.mozilla.org/en-US/firefox/new/">
                                <img src="sort/img/browsers/firefox.png" alt="">
                                <div>Mozilla Firefox</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.opera.com/computer/windows">
                                <img src="sort/img/browsers/opera.png" alt="">
                                <div>Opera</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://safari.en.softonic.com/">
                                <img src="sort/img/browsers/safari.png" alt="">
                                <div>Safari</div>
                            </a>
                        </li>
                        <li>
                            <a href="http://windows.microsoft.com/en-us/internet-explorer/downloads/ie-10/worldwide-languages">
                                <img src="sort/img/browsers/ie.png" alt="">
                                <div>Internet Explorer(New)</div>
                            </a>
                        </li>
                    </ul>
                    <p>Upgrade your browser for a Safer and Faster web experience. <br/>Thank you for your patience...</p>
                </div>   
            <![endif]-->
        </section>
        
        <!-- Javascript Libraries -->
        <!-- jQuery -->
        <script src="lib/js/jquery.min.js"></script> <!-- jQuery Library -->
        <script src="lib/js/jquery-ui.min.js"></script> <!-- jQuery UI -->
        <script src="lib/js/jquery.easing.1.3.js"></script> <!-- jQuery Easing - Requirred for Lightbox + Pie Charts-->

        <!-- Bootstrap -->
        <script src="lib/js/bootstrap.min.js"></script>

        <!-- Charts -->
        <script src="lib/js/charts/jquery.flot.js"></script> <!-- Flot Main -->
        <script src="lib/js/charts/jquery.flot.time.js"></script> <!-- Flot sub -->
        <script src="lib/js/charts/jquery.flot.animator.min.js"></script> <!-- Flot sub -->
        <script src="lib/js/charts/jquery.flot.resize.min.js"></script> <!-- Flot sub - for repaint when resizing the screen -->

        <script src="lib/js/sparkline.min.js"></script> <!-- Sparkline - Tiny charts -->
        <script src="lib/js/easypiechart.js"></script> <!-- EasyPieChart - Animated Pie Charts -->
        <script src="lib/js/charts.js"></script> <!-- All the above chart related functions -->

        <!-- Map -->
        <script src="lib/js/maps/jvectormap.min.js"></script> <!-- jVectorMap main library -->
        <script src="lib/js/maps/usa.js"></script> <!-- USA Map for jVectorMap -->

        <!--  Form Related -->
        <script src="lib/js/icheck.js"></script> <!-- Custom Checkbox + Radio -->

        <!-- UX -->
        <script src="lib/js/scroll.min.js"></script> <!-- Custom Scrollbar -->

        <!-- Other -->
        <script src="lib/js/calendar.min.js"></script> <!-- Calendar -->
        <script src="lib/js/feeds.min.js"></script> <!-- News Feeds -->
        

        <!-- All JS functions -->
        <script src="lib/js/functions.js"></script>
        <!--陈红-->
        <script>
         var pu= $("#zjxx").find("input");
         pu.css({
             color:"red",
             position: "relative",
             left:"50px"
         });
            $(".lbCh").on("click",function(){
            window.location="indexCh.html";
            });

            var mz;
            //            加载数组的ajax发送
            fun1();
            function fun1(){

                $.ajax({
                    type:"post",
                    url:"/ch",
                    data:1,
                    success:function(data){

                        var html;
                        mz = new Array(0);
                        for(var i=0;i<data.length;i++){
                            mz.push([data[i].l_name]);
                        }
                        name=mz;
                        for(var i=0;i<data.length;i++){
                            html+='<tr><td>'+"修理工"+'</td><td>'+data[i].id+'</td><td>'+data[i].l_name+'</td><td>'+data[i].l_tel+'</td><td>'+data[i].l_address+'</td><td>'+data[i].l_money+'</td><td>'+data[i].l_bonus+'</td><td>'+data[i].l_state+'</td><td>'+data[i].l_sex+'</td><td>'+data[i].l_InTime+'</td><td>'+data[i].l_Attendance+'</td>';
                            for(var a=1;a<=2;a++){
                                $(".ulch").html(html);
                            }
                        }
                    }
                });
            }
            //                维修状态加载数据ajax发送
            fun2();
            function fun2(){
                $.ajax({
                    type:"post",
                    url:"/chwx",
                    data:1,
                    success:function(data){
                        var html;


                        for(var i=0;i<data.length;i++){
                            html+='<tr><td>'+data[i].r_name+'</td><td>'+data[i].r_num+'</td><td>'+data[i].r_tel+'</td><td>'+data[i].r_itme+'</td><td>'+data[i].r_num1+'</td><td>'+data[i].r_time+'</td><td>'+"<input class="+"'active'"+"type="+"'text'"+ "value='"+data[i].r_state+"'"+"/>"+'</td><td>'+"<input class="+"'active'"+"type="+"'text'"+ "value='"+data[i].r_expenditure+"'"+"/>"+'</td></tr>';

                            for(var a=1;a<=2;a++){
                                $(".UlCh9").html(html);
                                $(".active").css({
                                    background:"#000"
                                })
                            }
                        }
                    }
                });
            }
            fun3();
            function fun3(){


                $.ajax({
                    type:"post",
                    url:"/CHch",
                    data:1,
                    success:function(data){
                        var html;
                        for(var i=0;i<data.length;i++){
                            html+='<tr><td>'+data[i].r_name+'</td><td>'+data[i].r_num+'</td><td>'+data[i].r_tel+'</td><td>'+data[i].r_itme+'</td><td>'+data[i].r_num1+'</td><td>'+data[i].r_time+'</td><td>'+data[i].r_state+'</td><td>'+"￥"+data[i].r_expenditure+'</td>';
                            for(var a=1;a<=2;a++){
                                $(".ulCh2").html(html);
                            }
                        }


                    }
                });
            }
            //维修员信息的增删查改-------------------------------------------------------------------------------------------
            //增加弹出框
         var ww;
            $("#zj").on("click",function(){

                $("#zjxx").css({
                    display:"block"
                });

            });

            //            增加
            $(".mb").on("click",function(){

                var p1=$("#p1").val(),
                        p2=$("#p2").val(),
                        p3=$("#p3").val(),
                        p4=$("#p4").val(),
                        p5=$("#p5").val(),
                        p6=$("#p6").val(),
                        p7=$("#p7").val(),
                        p8=$("#p8").val(),
                        p9=$("#p9").val();


                var zjxx={
                    p1:p1,
                    p2:p2,
                    p3:p3,
                    p4:p4,
                    p5:p5,
                    p6:p6,
                    p7:p7,
                    p8:p8,
                    p9:p9
                };

                $.ajax({
                    type:"post",
                    url:"/zjCh",
                    data:zjxx,
                    success:function(data){

                        fun1();
                    }

                });

//    self.location="wxCh.html";
            });
            //        删除
            var b, c;
            //   点击
            $(".ulch").on("click","tr",function(){
                $(".mb").on("click",function(){
                    $.ajax({
                        type:"post",
                        url:"/Ch",
                        data:1,
                        success:function(data){
                            fun1();
                            scxx={

                            };
                        }
                    })
                });


//    移出变色
                $(".ulch").one("mouseout","tr",function(){

                    var aa=this;
                    ww=aa;
                console.log(ww);
                    setTimeout(function(){
                        $(aa).css({
                            background:"green"
                        });
                    },500);
                });
                //    移出变色

                var td = this.getElementsByTagName("td")[1].innerHTML;

                var aa=this;
                b=aa.innerText;
                $(aa).css({
                    background:"orange"
                });
                var scxx={
                    sc:td
                };

                $("#sc").on("click",function(){
                    $('#xz').modal('show');
                    $('#myh1').text('确认删除？')
                    $(".xz1").on("click",function(){
                        $.ajax({
                            type:"post",
                            url:"/scCh",
                            data:scxx,
                            success:function(data){
                                fun1();
                            }
                        });



                        $(".xz").css({
                            display:"none"
                        });
                    });
                    $(".xz2").on("click",function(){
                        $(".xz").css({
                            display:"none"
                        });


                        $.ajax({
                            type:"post",
                            url:"/Ch",
                            data:1,
                            success:function(data){
                                fun1();
                                scxx={

                                };
                            }
                        })
                    });


                });
                var  l=aa;
//    关闭维修员弹出框 并刷新选中
                $(".shaji").on("click",function(){
                    funa();
                    $(".dj").css({
                        "display":"none"
                    });
                    $("#bb").css({
                        "display":"none"
                    });
                    $(".xz").css({
                        display:"none"
                    });
                    $.ajax({
                        type:"post",
                        url:"/Ch",
                        data:1,
                        success:function(data){
                            fun1();
                            scxx={

                            };
                        }
                    });
                    $(".dj").animate({width:"0"});
                });
            });
            //            点击关闭维修员信息弹出框
            $(".shaji").on("click",function(){
                funa();
                $(".dj").css({
                    "display":"none"
                });
                $("#bb").css({
                    "display":"none"
                });
                $(".dj").animate({width:"0"});
            });
            //修改
            var d=0;
            funa();
            function funa(){  $(".ulch").on("click","tr",function(){
                $("#xg").unbind("click");

                var aa=this;
                var td1 = aa.getElementsByTagName("td")[1].innerHTML,
                        td11 = aa.getElementsByTagName("td")[2].innerHTML,
                        td3=  aa.getElementsByTagName("td")[3].innerHTML,
                        td4 =  aa.getElementsByTagName("td")[4].innerHTML,
                        td5 =  aa.getElementsByTagName("td")[5].innerHTML,
                        td6 =  aa.getElementsByTagName("td")[6].innerHTML,
                        td17 =  aa.getElementsByTagName("td")[7].innerHTML,
                        td18 =  aa.getElementsByTagName("td")[8].innerHTML,
                        td9 =  aa.getElementsByTagName("td")[9].innerHTML,
                        td10 =  aa.getElementsByTagName("td")[10].innerHTML;
//    修改信息弹出框基本信息注入
                $("#d0").html(td11);
                $("#d1").html(td1);
                $("#d2").val(td3);
                $("#d3").val(td4);
                $("#d4").val(td5);
                $("#d5").val(td6);
                $("#d6").val(td17);
                $("#d7").html(td9);
                $("#d8").html(td18);
                $("#d9").val(td10);


                $("#xg").on("click",function(){
//    $(".ulch").unbind("click");

                    $("#xgxx").css({
                        display:"block"
                    });


                    $(".nb").one("click",function(){


                        var tp0 =  $("#d1").html(),
                                tp1 =  $("#d2").val(),
                                tp2 =  $("#d3").val(),
                                tp3 =  $("#d4").val(),
                                tp4 =  $("#d5").val(),
                                tp5 =  $("#d6").val(),
                                tp6 =  $("#d9").val();

                        var xgxx={
                            x0:td1,
                            x1:tp1,
                            x2:tp2,
                            x3:tp3,
                            x4:tp4,
                            x5:tp5,
                            x6:tp6
                        };
                        console.log(xgxx);
                        $.ajax({
                            type:"post",
                            url:"/xgCh",
                            data:xgxx,
                            success:function(data){
                                fun1();
                            }

                        });

                    })

                });

            });}
            //维修员信息的增删查改-------------------------------------------------------------------------------------------
            //            指派工作的发送数据------------------------------------------------------------------------
         var cid;

            $(".shaji12").on("click",function(){


                $(".dj1").css({
                    display:"none"
                });
                var r1=$(".r1").val(),
                        r2=$(".r11 option:selected").text(),
                        r3=$(".r4").val(),
                        r4=$(".r123 option:selected").text(),
                        r5=$(".r5").val(),
                        r6=$(".r6").val(),
                        r7=$(".r1234").val();
                        console.log(r4);
                var zpgz={
                    r1:r1,
                    r2:r2,
                    r3:r3,
                    r4:r4,
                    r5:r5,
                    r6:r6,
                    r7:r7
                };
                cid=r2;
                console.log( r2);
                $.ajax({
                    type:"post",
                    url:"/zpgzCh",
                    data:zpgz,
                    success:function(data){
                        fun2();
                    }

                });

            });
            //            维修状态增删查改处理
            $(".UlCh9").on("click","tr",function(){
                $(".wxsc").unbind("click");

                var ss=this;
                console.log(ss);
                $(".UlCh9>tr").css({
                    background:"#000"
                });
                $(ss).css({
                    background:"orange"
                });


//                确定发送ajax  删除
                $(".wxsc").on("click",function(){

                    ss.remove();
                    var      ss1=ss.getElementsByTagName("td")[0].innerHTML,
                            ss2=ss.getElementsByTagName("td")[1].innerHTML,
                            ss3=ss.getElementsByTagName("td")[2].innerHTML,
                            ss4=ss.getElementsByTagName("td")[3].innerHTML,
                            ss51=ss.getElementsByTagName("td")[4].innerHTML,
                            ss5=ss.getElementsByTagName("td")[5].innerHTML,
                            ss6=ss.getElementsByTagName("input")[0].value,
                            ss7=ss.getElementsByTagName("input")[1].value;
                    var ll={
                        ss1:ss1,
                        ss2:ss2,
                        ss3:ss3,
                        ss4:ss4,
                        ss5:ss5,
                        ss6:ss6,
                        ss7:ss7,
                        ss51:ss51
                    };


                    var scsC={
                        ss1:ss1
                    };

                    $.ajax({
                        type:"post",
                        url:"/scw1Ch",
                        data:scsC,
                        success:function(data){
                            fun2();
                        }

                    });
                    $.ajax({
                        type:"post",
                        url:"/scw2Ch",
                        data:ll,
                        success:function(data){
                            fun3();
                        }

                    });

                    //                确定发送ajax  增加

                });

            });






            //弹出信息框关闭
            $(".mb2").on("click",function(){
                $("#zjxx").css({
                    display:"none"
                })
            });
            $(".nb2").on("click",function(){
                d=0;
                $("#xgxx").css({
                    display:"none"
                })
            });





            //            弹出事件
            $(".b1").on("click",function(){
                console.log(1);

                $(".dj").css({
                    "display":"block"
                });
//                $('.ulch>tr').css({
//                    background:"#000"
//                });
                $(".dj").animate({width:"100%"});
                $("#bb").css({
                    "display":"block"
                })
            });

            //            指派工作
         $("#zxname2").on("blur",function(){

             $.ajax({
                 type:"post",
                 url:"/xs1",
                 data:1,
                 success:function(data){
                     $("#zxname3").empty();
                     if($("#zxname2").val()=="单间"){
                         for(var i= 1;i<=6;i++){
                             $("#zxname3").append("<option value="+'1-10'+i+">"+"1-10"+i+"</option>");
                         }
                         for(var a= 1;a<=6;a++){
                             $("#zxname3").append("<option value="+'2-10'+a+">"+"2-10"+a+"</option>");
                         }
                     }
                     if($("#zxname2").val()=="标间"){
                         for(var b= 1;b<=6;b++){
                             $("#zxname3").append("<option value="+'3-10'+b+">"+"3-10"+b+"</option>");
                         }
                         for(var c= 1;c<=6;c++){
                             $("#zxname3").append("<option value="+'4-10'+c+">"+"4-10"+c+"</option>");
                         }
                     }
                     if($("#zxname2").val()=="大床房"){
                         for(var d= 1;d<=6;d++){
                             $("#zxname3").append("<option value="+'5-10'+d+">"+"5-10"+d+"</option>");
                         }
                         for(var e= 1;e<=6;e++){
                             $("#zxname3").append("<option value="+'6-10'+e+">"+"6-10"+e+"</option>");
                         }
                     }
                     if($("#zxname2").val()=="豪华套房"){
                         for(var q= 1;q<=6;q++){
                             $("#zxname3").append("<option value="+'7-10'+q+">"+"7-10"+q+"</option>");
                         }
                     }
                 }
             });

             $("#zxname3").on("blur",function(){
                 var op2=$("#zxname3").val();
                 var sz1={
                     op2:op2
                 }


             })

         });
            $(".b2").on("click",function(){
                $("#zxname").empty();
                for(var a=0;a<mz.length;a++){
                    $("#zxname").append("<option value="+mz[a]+">"+mz[a]+"</option>");
                }



                $(".dj1").css({
                    "display":"block"
                });
                $("#bb").css({
                    "display":"block"
                });
                $(".dj1").animate({width:"100%"});


            });
            //            指派工作显示电话号码


            $("#zxname").on("blur",function(){


                var op1=$("#zxname").val();
                var sz={
                    op1:op1
                };
                hu=op1;
                $.ajax({
                    type:"post",
                    url:"/xs",
                    data:sz,
                    success:function(data){
                        var sb;
                        $("#zxname1").empty();
                        for(var a=0;a<data.length;a++){
                            $("#zxname1").append("<option value="+a+">"+data[a].id+"</option>");
                            sb=a;
                        }


                        if(data.length>1){
                            $("#zxname1").on("blur",function(){
                                var bs=$("#zxname1").val();
                                console.log( $("#zxname1").val());
                                $(".r4").val(data[bs].l_tel);
                            })
                        }else{
                            $("#zxname1").unbind("blur");
                            $(".r4").val(data[0].l_tel);
                        }

                    }

                });
            });




            $(".shaji1").on("click",function(){
                $(".dj1").css({
                    "display":"none"
                });
                $("#bb").css({
                    "display":"none"
                });
                $(".dj1").animate({width:"0"});
            });
            $(".b3").on("click",function(){

                    $.ajax({
                        type:"post",
                        url:"/Ch",
                        data:1,
                        success:function(data){
                            fun1();
                        }
                    });

                $(".dj2").css({
                    "display":"block"
                });
                $("#bb").css({
                    "display":"block"
                });
                $(".dj2").animate({width:"100%"});
            });
            $(".shaji2").on("click",function(){
                $(".dj2").css({
                    "display":"none"
                });
                $("#bb").css({
                    "display":"none"
                });
                $(".dj2").animate({width:"0"});
            });
            $(".b4").on("click",function(){
                $(".dj3").css({
                    "display":"block"
                });
                $("#bb").css({
                    "display":"block"
                });
                $(".dj3").animate({width:"100%"});
            });
            $(".shaji3").on("click",function(){
                $(".dj3").css({
                    "display":"none"
                });
                $("#bb").css({
                    "display":"none"
                });
                $(".dj3").animate({width:"0"});
            });
            //            弹出事件
        </script>
        <script src="communal/js/local.js"></script>
    </body>
</html>
